<template>
  <div>

      <van-pull-refresh
        v-model="isLoading"
        success-text="刷新成功"
        @refresh="onRefresh"
      >
      <van-panel v-for="item in 5" :key="item.id">
        <template #header>
          <div :style="size"></div>
        </template>
        <template #footer>
          <van-row type="flex" justify="space-between" align="center">
            <van-col span="22">
              <div class="van-ellipsis">
              这是一个标题123456789123456789123465789
              </div>
            </van-col>
          </van-row>

        </template>
      </van-panel>
      </van-pull-refresh>
  </div>
</template>

<script>
import Swipe from '@/components/Vant/swipe.vue';

export default {
  components: {
    Swipe,
  },
  data() {
    return {
      list: null,
      list_height: null,
      isLoading: null,
      size: {
        width: '100vw',
        height: '52vw',
        background: '#4d4d4d',
      },
    };
  },
  methods: {
    onRefresh() {
      setTimeout(() => {
        this.isLoading = false;
      }, 1000);
    },
  },
  mounted() {
  },
};
</script>
